<template>
    <div class="loading" v-show="isShowLoading">
        <img src="../../common/image/loading.gif" alt="">
        <!-- <p class="desc">{{title}}</p> -->
    </div>
</template>

<script>
import {mapState} from "vuex";
    export default {
        //  props:{
        //      title:{
        //          type:String,
        //          default:'正在载入...'
        //      }
        //  },
         computed:{
            ...mapState(["isShowLoading"])
         }
    }
</script>

<style scoped lang="stylus">
 .loading
    width 100%
    text-align center
    position fixed
    left 50%
    top 50%
    transform translate(-50%)
    img 
      width 200px
      height 120px
    .desc
      line-height 20px
      font-size $font-size-small
      color $color-text-1
</style>